<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from www.trolli.com.cn/chanpinfenlei/a.html by HTTrack Website Copier/3.x [XR&CO'2006], Wed, 08 Feb 2023 02:16:56 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8"><!-- /Added by HTTrack -->
<head>
	<meta charset="UTF-8">
	<meta name="format-detection" content="telephone=no">
	<meta http-equiv="x-rim-auto-match" content="none">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../templates/trolli/css/style.css">
    <link rel="stylesheet" href="../templates/trolli/css/categoties.css">
    <link rel="stylesheet" href="../templates/trolli/css/animate.css">
    <link rel="stylesheet" href="../templates/trolli/css/swiper-bundle.min.css">
    <script src="../templates/trolli/js/swiper-bundle.min.js"></script>
    <script src="../templates/trolli/js/jquery-1.8.3.min.js"></script>
	<title>迈德乐（广州）糖果有限公司</title>
</head>
<body>
    <!-- 头部 -->
    <div class="header">
    <div class="wrap-a header-flex-conter">
        <div class="logo-pullout">
            <a href="../index.html" class="logo-img">
                <img src="../upload/202108/02/202108021357242691.png" alt="">
            </a>
        </div>
        <div class="header-dy">
            <ul class="header-nav">
                <li class="stair">
                    <a href="../chanpin.html" class='stair-a active'>
                        产品
                    </a>
                    <div class="jiajian">
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 二级菜单 -->
                    
                    <div class="header-nav-two">
                        <div class="tail" style="left: 20px;"><img src="../templates/trolli/img/submenu.png" alt=""></div> <!-- 小点 -->
                        <ul>
                            
                            <li>
                                <a href="a.html">
                                    新品
                                </a>
                            </li>
                            
                            <li>
                                <a href="b.html">
                                    什锦装
                                </a>
                            </li>
                            
                            <li>
                                <a href="c.html">
                                    盒装
                                </a>
                            </li>
                            
                            <li>
                                <a href="d.html">
                                    串装
                                </a>
                            </li>
                            
                            <li>
                                <a href="e.html">
                                    袋装
                                </a>
                            </li>
                            
                            <li>
                                <a href="f.html">
                                    趣玩爆浆系列
                                </a>
                            </li>
                            
                            <li>
                                <a href="g.html">
                                    经典造型系列
                                </a>
                            </li>
                            

                        </ul>
                    </div>
                    
                </li>
                <li class="stair">
                    <a href="../about-1.html" class='stair-a '>
                        关于口力
                    </a>
                    <div class="jiajian">
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 二级菜单 -->
                    <!--   <div class="header-nav-two">
                      <div class="tail" style="left: 20px;"><img src="/templates/trolli/img/submenu.png" alt=""></div>
                      <ul>
                          <li>
                              <a href="">
                                  新的
                              </a>
                          </li>
                      </ul>
                  </div>-->
                </li>
                <li class="stair">
                    <a href="../contactus-2.html" class='stair-a '>
                        联系我们
                    </a>
                    <div class="jiajian">
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 二级菜单 -->
                    <!--<div class="header-nav-two">
                    <div class="tail" style="left: 20px;"><img src="/templates/trolli/img/submenu.png" alt=""></div>
                    <ul>
                        <li>
                            <a href="">
                                新的
                            </a>
                        </li>
                    </ul>
                </div>-->
                </li>
                <li class="stair">
                    <a href="https://trolli.tmall.com/" class="stair-a" target="_blank">
                        天猫旗舰店
                    </a>
                    <div class="jiajian">
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 二级菜单 -->
                    <!--<div class="header-nav-two">
                    <div class="tail" style="left: 20px;"><img src="/templates/trolli/img/submenu.png" alt=""></div>
                    <ul>
                        <li>
                            <a href="">
                                新的
                            </a>
                        </li>
                    </ul>
                </div>-->
                </li>
            </ul>
            <div class="header-search">
                <button class="header-search-a"></button>
                <div class="header-search-inp">
                    <input type="text" placeholder="请输入" />
                </div>
            </div>
        </div>
        <div class="header-cd">
            菜单
            <div class="header-cc">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <a href="https://trolli.de/" class="stair-a" target="_blank">
            <div class="header-nation"></div>
        </a>
        <!--<div class="header-m">https://www.trolli.de/en/?post_type=trolli_products
        <img src="/templates/trolli/img/facebook.png" alt="">
    </div>-->
    </div>
</div>
    <!-- 商品部分 -->

    <div class="pr-cont">
        <div class="pr-cont-title">
            探索我们的产品
        </div>
        <div class="pr-cont-d">
            <!-- 商品部分 -->
            <div class="pr-cont-r">
                <ul>
                    

                    
                    <li>
                        <a title="口力奶牛软糖" href="../chanpin/show-7.html">
                            <img src="../upload/202111/16/202111160920269375.png" class="hump" alt="口力奶牛软糖">
                        </a>

                    </li>
                    
                    <li>
                        <a title="口力足球爆浆软糖90g" href="../chanpin/show-13.html">
                            <img src="../upload/202111/16/202111160956138620.png" class="hump" alt="口力足球爆浆软糖90g">
                        </a>

                    </li>
                    

                </ul>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <!-- 页脚 -->
    <!-- 页脚 -->
<div class="footer">
    <div class="footer-flex">
        <div class="footer-flex-l">
            
            <div class="footer-flex-title">
                关于 Trolli
            </div>
            <div class="footer-flex-l-text">
                <p>Trolli品牌起源于欧洲精灵Troll的故事。传说中的Troll是生活在欧洲森林里的小精灵，他们忠心地守护着森林里掩埋在地底下的珍贵的天然矿石和宝藏。他们通常在夜间工作，你基本上见不到他们，Troll从来不剪头发，Troll喜欢吃浆果，有时候Troll会躲在暗处或伪装起来用魔法帮助有需要的人。</p>
            </div>
            
        </div>
        <div class="footer-flex-r">
            <div class="footer-flex-title">
                快速链接
            </div>
            <ul>
                <!--<li>
                    <a href="/contactliuyan-4.html">
                        在线留言
                    </a>
                </li>-->
                <li>
                    <a href="../gonggao-5.html">
                        法律公告
                    </a>
                </li>
                <li>
                    <a href="../weibo-6.html">
                        口力微博
                    </a>
                </li>
                <li>
                    <a href="../zhaopin.html">
                        人才招聘
                    </a>
                </li>
                
            </ul>
        </div>
    </div>
</div>
<div style="padding: 16px;font-size:14px;color:#666;text-align: center;line-height: 1.5;">
    迈德乐（广州）糖果有限公司  Copyright 2001-2021    粤ICP备20061336号-1
    <p>地址：广东省广州市番禺区福冠路福正西街2号   电话：+86(020) 84739788</p>
</div>
<script>

    $('.jiajian').click(function() {
        $(this).next().slideDown().parent().siblings().children('div.header-nav-two').slideUp();
    })
    $('.header-cd').click(function() {
        $(this).toggleClass('active')
        $('.header-dy').slideToggle()
    })
</script>
<script src="../templates/trolli/js/wow.min.js"></script>
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        new WOW().init();
    };
</script>
<script>
    window.onload = function(){
        // 页面加载完成后
        let _list = $('.banner .swiper-slide')
        _list.eq(0).find('.max-img').show()
        _list.eq(0).find('.min-img').show()
        _list.eq(0).find('.dd').fadeIn("slow")
        $('.banner .swiper-slide').eq(0).find('.bg-color').show()
    }
    var mySwiper = new Swiper('.swiper-container', {
        loop : true,
      effect: 'fade',
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      autoplay: {
        delay: 5000,
        disableOnInteraction: false,
      },
      on: { // 轮播结束时，执行动画
        slideChangeTransitionEnd: function(){
            let _list = $('.banner .swiper-slide')
            _list.eq(this.activeIndex).find('.max-img').show()
            _list.eq(this.activeIndex).find('.min-img').show()
            _list.eq(this.activeIndex).find('.dd').fadeIn("slow")
            $('.banner .swiper-slide').eq(this.activeIndex).find('.bg-color').show()
        },
        slideChangeTransitionStart: function(){ // 轮播开始，清除动画
            let _list = $('.banner .swiper-slide')
            _list.eq(this.activeIndex).find('.max-img').hide()
            _list.eq(this.activeIndex).find('.min-img').hide()
            _list.eq(this.activeIndex).find('.dd').hide()
            $('.banner .swiper-slide').eq(this.activeIndex).find('.bg-color').hide()
        },
        }
    });
    //鼠标覆盖停止自动切换
    mySwiper.el.onmouseover = function(){
        mySwiper.autoplay.stop();
    }

    //鼠标离开开始自动切换
    mySwiper.el.onmouseout = function(){
        mySwiper.autoplay.start();
    }
    $('.jiajian').click(function() {
        $(this).next().slideDown().parent().siblings().children('div.header-nav-two').slideUp();
    })
    $('.header-cd').click(function() {
        $(this).toggleClass('active')
        $('.header-dy').slideToggle()
    })
    // input 获得焦点和失去焦点
    $(".pr-cont-l-inp").focus(function(){
        $(this).addClass('active')
    });
    $(".pr-cont-l-inp").blur(function(){
        $(this).removeClass('active')
    });
</script>
</body>

<!-- Mirrored from www.trolli.com.cn/chanpinfenlei/a.html by HTTrack Website Copier/3.x [XR&CO'2006], Wed, 08 Feb 2023 02:16:56 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8"><!-- /Added by HTTrack -->
</html>